<!DOCTYPE html>
<html lang="de">
	<head>
		<title>Kirakira</title>
		<meta charset="utf-8">
		
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css"/>
		<link type="text/css" rel="stylesheet" href="css/aio_bd3494e.css">
		 <link href="css/style-1.css" type="text/css" rel="stylesheet" />
		 <link href="../css/main.css" type="text/css" rel="stylesheet" />
		<script type="text/javascript" src="../js/jquery.min.js"></script>
		<script type='text/javascript' src="../js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/headandfoot.js"></script>
		<script type="text/javascript" src="js/pic-details.js"></script>
		<script type="text/javascript" src="js/lunbo.js"></script>

	</head>

	<body>
	
	<header style=""></header>			
				
	<div  style="width: 1000px; height: 700px; float:left; padding-left: 400px;">	
	 <div class="banner">
            <div class="large_box" id="watermarkPic">
            </div>
            <div class="small_box">
                <span class="btns lefts_btn" onclick="left_btn()"></span>
                <div class="small_list" id="thumbnailPic">
                </div>
                <span class="btns rights_btn" onclick="right_btn()"></span>
            </div>
        </div>
		</div>
		
		<div class="cc_right" style="width: 400px;float:right; padding-top: 100px;">
			<div>		
			<img alt="" data-src = "../img/_noimg.png" src="/img/_noimg.png" style="width: 200px">
			作者:<a id="writerId" href="#"></a>
			点赞数:<i id="greatCount1"></i>
			</div>
			<div class="cc_opera" id="greatCount">
				<a href="javascript:void(0)" class="gp_button gp_button_white_b_gray gp_button_h40 gp_button_nowidth" onclick="great()">点赞</a>
				<a href="javascript:void(0)" class="gp_button gp_button_white_b_gray gp_button_h40 gp_button_nowidth" onclick="fav()">收藏作品</a>
				<a id="original" href="javascript:void(0)" class="gp_button gp_button_white_b_gray gp_button_h40 gp_button_nowidth" data-toggle="modal" data-target="#exampleModal">购买作品</a>
				</div>
				<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">付款详情</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
       <form id="pay" action="/certificate/payment.do" method="post">
      <div class="modal-body">
      	商品编号:<input id="q2" name="q2" type="text" value="" readonly="readonly"></input><br>  
    	商品价格:<input id="q3" name="q3" type="text" value="" style="width: 20px"readonly="readonly"></input><br>    	
    	<input id="q4" name="q4"type="text" value="" style="width: 20px"readonly="readonly"></input> 
      </div>
      <div class="modal-footer">    
        <button type="button" class="btn btn-secondary" data-dismiss="modal">放弃</button>
        <button type="submit" class="btn btn-primary">付款</button>
        </form>
      </div>
    </div>
  </div>
</div>
</div>
			<div class="op clearfix ">	
	</body>
</html>
